今天的目標就是要整合FB登入
首先我想的就是要以canvas為背景,就是canvas為全螢幕。
所以現在的init函式:
function init() {
canvas = document.getElementById("main_canvas");
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
initWheelEvent(canvas);
initMouseDragEvent(canvas);
gl = initWebGL(canvas);
if (gl) {
initShaders();
loadTexture();
setupWebGL();
setupBuffers();
setupDynamicBuffers();
getMatrixUniforms();
(function animLoop(){
setupWebGL();
setMatrixUniforms();
drawScene();
requestAnimationFrame(animLoop, canvas);
})();
}
}
加入
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
這兩行
接下來就是去抓FB的登入按鈕,在fb的developer頁面有提供
https://developers.facebook.com/docs/plugins/login-button
產生登入按鈕圖後,接下來就是想辦法產生一個圖層,覆蓋在canvas上面!